<template>
  <div id="app">
    v1:修改后的文件
    <parser1 :form-conf="modelJson" />
    v1:源码
    <parser2 :form-conf="modelJson" />
  </div>
</template>

<script>
import parser1 from './components/v1/Parser.vue'
import parser2 from './components/v2/Parser.vue'

export default {
  name: 'App',
  components: {
    parser1,
    parser2
  },
  data() {
    return {
      modelJson: {
        "fields": [{
          "__config__": {
            "label": "上传",
            "tag": "el-upload",
            "tagIcon": "upload",
            "layout": "colFormItem",
            "defaultValue": null,
            "showLabel": true,
            "labelWidth": null,
            "required": true,
            "span": 24,
            "showTip": false,
            "buttonText": "点击上传",
            "regList": [],
            "changeTag": true,
            "fileSize": 2,
            "sizeUnit": "MB",
            "document": "https://element.eleme.cn/#/zh-CN/component/upload",
            "formId": 101,
            "renderKey": 1693798270309
          },
          "__slot__": {
            "list-type": true
          },
          "action": "https://jsonplaceholder.typicode.com/posts/",
          "disabled": false,
          "accept": "",
          "name": "file",
          "auto-upload": true,
          "list-type": "text",
          "multiple": false,
          "__vModel__": "field101"
        }],
        "formRef": "elForm",
        "formModel": "formData",
        "size": "medium",
        "labelPosition": "right",
        "labelWidth": 100,
        "formRules": "rules",
        "gutter": 15,
        "disabled": false,
        "span": 24,
        "formBtns": true
      },
    }
  },
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
